<script setup lang='ts'>
// import SkuHeaderItem from './sku-header-item.vue'
import SkuTable from './sku-table.vue'

const emits = defineEmits(['deleteSku'])
type IskuHeaderData = {
    isFreeInstall: number
    isFreeShip: number
    isIncludeTax: number
}
const dataStructure = defineModel<any>('dataStructure', { required: true })
const skuHeaderData = defineModel<IskuHeaderData>('skuHeaderData', { required: true })

function deleteSku() {
    emits('deleteSku')
}
</script>

<template>
    <div class="p-20 mt-20 bg-white border-px border-[var(--el-border-color)] border-solid">
        <div class="text-20 font-500">
            产品SKU
        </div>

        <div class="my-20 bg-[var(--el-border-color)] h-1 w-full" />

        <SkuTable v-model:dataStructure="dataStructure"
                  v-model:skuHeaderData="skuHeaderData"
                  @delete-sku="deleteSku"
        />
    </div>
</template>
